<template>
    <div class="header clearfix" @click="hideDelete">
        <div class="car">
            <span class="icon fl"><img src="../../assets/image/7F6CC46A-0EE9-4E6F-800F-E3542CC8382E@1x.png" alt=""></span>
            <span class="car-name">{{brand}}</span><!--福特蒙迪欧-->
            <span class="car-type">{{model}}</span><!--2.0-->
            <time class="time">{{licensePlate}}</time><!--2010年-->
        </div>
        <div class="car-number fr">{{carNumber}}</div><!--沪A26M17-->
    </div>
</template>
<script>
    export default {
        name: 'clientDetailsHeader',
        props: {
            brand: String,
            model: String,
            licensePlate: String,
            carNumber: String,
            hideDelete: Function
        },/*
        data: function () {
            return {
                userId: '11112',
                userDetail: {},
            }
        },
        created(){
            this.$http.get('/mobile/storeManagement/getUserDetail?userId=' + this.userId).then(function (res) {
                res = res.body;
                if(res.code == 0){
                    res = res.result;
                    this.userDetail = res;
                }else {
                    console.warn(res.code);
                }
            }, function (err) {
                console.warn('错误码'+ err.status);
            });
        }*/
    }
</script>
<style lang="scss">
    @import "../../assets/css/common.scss";
    .header{
        background-color: #fff;
        color: #aaa;
        font-size: rem(14);
        height: rem(44);
        padding: rem(12);
    }
    .car{
        display: inline-block;
        .icon{
            height: rem(16);
        }
        >span{
             margin-right: rem(2);
         }
    }
</style>
